<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="charset=utf-8" />
		<title>添加商品选择</title>
		<link rel="stylesheet" href="css/AddCommoditySelection.css"  />
		<link rel="stylesheet" href="css/bootp.css">				
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body style="background: url(assets/img/bg/7.png);">
		<header class="header-area header-sticky">
			<div class="header-container">
				<div class="row">
					<div class="col-lg-5 display-none-md display-none-xs">
						<div class="ht-main-menu">
							<nav>
								<ul>
									<li>
										<a href="index.html">首页</a>
									</li>
									<li>
										<a href="exhibition.html">水果展览</a>
									</li>
									<li>
										<a href="fruit.html">水果文化</a>
									</li>
									<li>
										<a href="comment.html">商品推荐</a>
									</li>
									<li class="active">
										<a href="shopping.html">购物车</a>
									</li>
									<li>
										<a href="personal.html">个人信息</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>

					<div class="col-lg-5 col-sm-8">
						<div class="header-content d-flex justify-content-end">
							<div class="search-wrapper">
								<a href="#"><span class="icon icon-Search"></span></a>
								<form action="#" class="search-form">
									<input type="text" placeholder="点击搜索 ...">
									<a href="#"><button type="button">搜索</button></a>
								</form>
							</div>
							
							
							<div class="settings-wrapper">
								<a style="width: 90px;font-size: 12px;">欢迎您,<i></i></a>
							</div>
							
							<div class="settings-wrapper">
								<a href="login.html">
									<i>
										<input style="position: absolute; border: none;width: 70px;height: 40px;font-size: 12px;color: orangered; background: url(assets/img/bg/11.jpg);" type="submit" name="" value="点击退出" />
									</i>
								</a>
							</div>

						</div>
					</div>
				</div>
			</div>
		</header>

		<div class="tab1">
			<a class="cur">商品添加选择</a>
		</div>
		<div class="iteminfo_buying">
			<!--规格属性-->
			<div class="sys_item_spec">
				<dl class="clearfix iteminfo_parameter lh32">
					<dt>商品名</dt>
					<dd>
						<input type="text" style="height: 25px; background: url(assets/img/bg/11.jpg);" />
					</dd>
				</dl>
				<dl class="clearfix iteminfo_parameter lh32">
					<dt>商品价￥</dt>
					<dd>
						<input type="text" style="height: 25px;background: url(assets/img/bg/11.jpg);" />
					</dd>
				</dl>
				<dl class="clearfix iteminfo_parameter lh32">
					<dt>数量</dt>
					<dd>
						<input type="text" style="height: 25px;background: url(assets/img/bg/11.jpg);" />
					</dd>
				</dl>
				<!--<dl class="clearfix iteminfo_parameter sys_item_specpara">
					<dt>产品图</dt>
					<dd>
						<ul class="sys_spec_img">
							<li data-aid="3">
								<a href="javascript:;" title="葡萄"><img src="assets/img/featured/1.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="4">
								<a href="javascript:;" title="香蕉"><img src="assets/img/featured/2.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="8">
								<a href="javascript:;" title="芒果"><img src="assets/img/featured/4.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="9">
								<a href="javascript:;" title="椰子"><img src="assets/img/featured/6.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="10">
								<a href="javascript:;" title="菠萝"><img src="assets/img/featured/8.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="12">
								<a href="javascript:;" title="青瓜"><img src="assets/img/featured/9.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="14">
								<a href="javascript:;" title="西红柿"><img src="assets/img/featured/19.jpg" alt="" /></a><i></i>
							</li>
							<li data-aid="16">
								<a href="javascript:;" title="橙子"><img src="assets/img/featured/15.jpg" alt="" /></a><i></i>
							</li>
						</ul>

					</dd>
				</dl>-->
				<!--<dl class="clearfix iteminfo_parameter sys_item_specpara">
					<dt>规格</dt>
					<dd>
						<ul class="sys_spec_text">
							<li>
								<a href="javascript:;" title="标准">标准</a><i></i>
							</li>
						</ul>
					</dd>
				</dl>-->

			</div>
			<!--规格属性-->
		</div>
		<a href="merchantShop.html">
			<button style="position: absolute;left: 150px; width: 100px; border-radius: 5px;">添加商品</button>
		</a>

	</body>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript">
		//商品规格选择
		$(function() {
			$(".sys_item_spec .sys_item_specpara").each(function() {
				var i = $(this);
				var p = i.find("ul>li");
				p.click(function() {
					if(!!$(this).hasClass("selected")) {
						$(this).removeClass("selected");
						i.removeAttr("data-attrval");
					} else {
						$(this).addClass("selected").siblings("li").removeClass("selected");
						i.attr("data-attrval", $(this).attr("data-aid"))
					}
				})
			})

		})
	</script>

</html>